<template>
	<view class="modelBox flex" @click="goDetali">
		<image class="w-216 h-240 bor-16" v-if="item.cover_image" :src="$util.img(item.cover_image)" mode="widthFix"></image>
		<view class="w-408 flex_c m-l-20 h-240">
			<view class="flex_b">
				<view class="flex">
					<view class="m-r-10">{{item.nickname||'微信用户'}}</view>
					<image class="w-32 h-32 m-r-10" v-if="item.is_vip==1||item.level>1" src="/static/icon/ic1.png" mode=""></image>
					<view class="h-32 m-r-10 shiming" v-if="item.is_auth==1">已实名</view>
					<!-- <image class="w-32 h-32 m-r-10" v-if="item.is_auth==1" src="/static/icon/ic2.png" mode=""></image> -->
				</view>
				<view class="font-24 f-t" v-if="item.is_line==1">在线</view>
			</view>
			<view class="font-24 grey">{{item.gender==1?'男':'女'}}｜{{item.age||0}}岁｜{{item.height||0}}｜{{item.constellation||'未设置星座'}}</view>
			<view class="flex m-t-10" style="flex-wrap: wrap;">
				<view class="flex m-r-30 iconBox" v-if="item.career_name">
					<text class="m-r-10 icon-gongwenbao iconfont"></text>
					<text>{{item.career_name}}</text>
				</view>
				<view class="flex iconBox" v-if="item.city">
					<text class="icon-shouhuodizhi iconfont m-r-10"></text>
					<text>{{item.city}}</text>
				</view>
			</view>
			<view class="modelABox font-24 grey">{{item.bio||'...'}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "recommendItem",
		data() {
			return {

			};
		},
		props:['item'],
		methods:{
			goDetali() {
				this.$util.redirectTo('/otherpages/userDetali/userDetali',{id:this.item.id})
			}
		}
	}
</script>

<style lang="scss">
	.iconBox {
		height: 44rpx;
		background: #F7F7F7;
		border-radius: 6rpx;
		line-height: 44rpx;
		padding: 0 12rpx;
	}
	.modelABox {
		width: 408rpx;
		height: 50rpx;
		/* 第一步：让文字强制一行显示 */
		white-space: nowrap;
		/* 第二步：溢出隐藏 */
		overflow: hidden;
		/* 第三步：溢出的内容省略号显示 */
		text-overflow: ellipsis;
		
	}
</style>
